<!DOCTYPE html>
<html>
<head>
	<title>KBBS论坛</title>
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/bootstrap/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/bootstrap/css/bootstrap-theme.css">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/header.css">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/main.css">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/footer.css">
</head>
<script type="text/javascript" src="__PUBLIC__/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="__PUBLIC__/bootstrap/js/bootstrap.js"></script>
<body>

<header>
	<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
		<ul class="nav nav-tabs">
			<volist name="nav" id="vo">
				<div class="navbar-header">
			      <a class="navbar-brand" href="#">{$vo.nav_name}</a>
	   			</div>
			</volist>

			   <div>
  			      <form action='#' class="navbar-form navbar-left" role="search">
			         <div class="form-group">
			            <input type="text" class="form-control" placeholder="Search">
			         </div>
			         <button type="submit" class="btn btn-default">搜索</button>
			      </form>    
		       </div>

			<if condition="$Think.session.username eq NULL">
			<li><a href="{:U('user/login')}" id="login" title=""  class="navbar-brand" style="margin-left:350px;">登录</a></li>
			<li><a href="{:U('user/login')}" title="" class="navbar-brand">注册</a></li>
			<else />
			<li><a href="#" title="" style="margin-left:350px;color:green;font-size:18px";>{$Think.session.username}</a></li>
			<li><a href="{:U('user/logout')}" title="" style="font-size:18px">退出</a></li>			
			</if>
		</ul>
	</nav>
</header>
<main>
	<div class="panel panel-warning" style="display: block">
	   <div class="panel-heading">
	      <h3 class="panel-title">公告：</h3>
	   </div>
	   <div class="panel-body">
	      这是一个公告栏！
	      <a href="{:U('Page/index',array('id'=>'1'))}">测试帖子详情</a>
	   </div>
	</div>

<!-- 热门帖子 -->

<div class="panel panel-primary" style='height:360px'>
   <div class="panel-heading">
      <h3 class="panel-title">论坛热门</h3>
   </div>
   <div class="panel-body">

		<div class="col-lg-6">
			<div class="panel panel-default">
			   <div class="panel-body">
<!-- 轮播 -->
<div id="myCarousel" class="carousel slide">
   <!-- 轮播（Carousel）指标 -->
   <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      <li data-target="#myCarousel" data-slide-to="1"></li>
      <li data-target="#myCarousel" data-slide-to="2"></li>
   </ol>   
   <!-- 轮播（Carousel）项目 -->
   <div class="carousel-inner" style='height:260px;'>
      <div class="item active">
         <img src="__PUBLIC__/images/1.jpg" alt="">
         <div class="carousel-caption">标题 1</div>
      </div>
      <div class="item">
         <img src="__PUBLIC__/images/2.jpg" alt="">
         <div class="carousel-caption">标题 2</div>
      </div>
      <div class="item">
         <img src="__PUBLIC__/images/3.jpg" alt="">
         <div class="carousel-caption">标题 3</div>
      </div>
   </div>
   <!-- 轮播（Carousel）导航 -->
   <a class="carousel-control left" href="#myCarousel" 
      data-slide="prev">&lsaquo;</a>
   <a class="carousel-control right" href="#myCarousel" 
      data-slide="next">&rsaquo;</a>
</div> 

			   </div>
			</div>
		</div>

		<div class="col-lg-3">
		<li href="#" class="list-group-item active">
		   论坛热门
		</li>
		<a href="#" class="list-group-item"><small>KBBS论坛测试版出炉啦！| <span style='color:#337ab7'>官方论坛</span></small></a>
		<a href="#" class="list-group-item">免费 Window 空间托管</a>
		<a href="#" class="list-group-item">图像的数量</a>
		<a href="#" class="list-group-item">每年更新成本</a>
		<a href="#" class="list-group-item">每年更新成本</a>
		<a href="#" class="list-group-item">每年更新成本</a>
		</div>

		<div class="col-lg-3">
		<a href="#" class="list-group-item active">
		   最新回复
		</a>
		<a href="#" class="list-group-item"><small>LOL德玛西亚技巧汇总... | 游戏专题 | <span style='color:green;'>change_</span></small></a>
		<a href="#" class="list-group-item"><small>linux添加定时任务...   | Linux专区 | <span style='color:green;'>change_</span></small></a>
		<a href="#" class="list-group-item"><small>去广告小软件，实用... | windows专区 | <span style='color:green;'>change_</span></small></a>
		<a href="#" class="list-group-item"><small>php是世界上最好的语言... | PHP开发 | <span style='color:green;'>change_</span></small></a>
		<a href="#" class="list-group-item"><small>php是世界上最好的语言... | PHP开发 | <span style='color:green;'>change_</span></small></a>
		<a href="#" class="list-group-item"><small>php是世界上最好的语言... | PHP开发 | <span style='color:green;'>change_</span></small></a>
		</div>
   </div>
</div>


<!-- 统计 -->
<div class="panel panel-default">
   <div class="panel-body">
	<img src="__PUBLIC__/images/chart.png" alt="placeholder+image">
	今日: 651 | 昨日: 704 | 帖子: 200250 | 会员: 10605 | 欢迎新会员: <a href="#">change_</a>
   </div>
</div>

<!-- 技术大咖专题 -->
<div class="panel panel-primary">
   <div class="panel-heading">
      <h3 class="panel-title">技术大咖专题</h3>
   </div>
   <div class="panel-body">

      <div class="col-lg-3">
	      <div class="col-lg-3">
	      	<img src="__PUBLIC__/images/yx2.png" alt="placeholder+image" style="width:70px">
	      </div>
		      <div class="col-lg-9">
			      <span style=""><a href="#"><b style='font-size: 1.2em'>PHP开发</b></a></span>&nbsp;&nbsp;
			      <span style='    background-color: #337ab7;color:#fff;border-radius:3px 3px 3px 3px;box-shadow:1px 1px 1px 1px'><b>今日: 200</b></span>
		      </div><br><br>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;主题: 6523&nbsp;&nbsp;&nbsp;&nbsp;帖子: 5869</div>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">新论坛成立！...</a>3小时前|admin</div>
	      </div>


      <div class="col-lg-3">
	      <div class="col-lg-3">
	      	<img src="__PUBLIC__/images/yx2.png" alt="placeholder+image" style="width:70px">
	      </div>
		      <div class="col-lg-9">
			      <span style=""><a href="#"><b style='font-size: 1.2em'>HTML5前端</b></a></span>&nbsp;&nbsp;
			      <span style='    background-color: #337ab7;color:#fff;border-radius:3px 3px 3px 3px;box-shadow:1px 1px 1px 1px'><b>今日: 200</b></span>
		      </div><br><br>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;主题: 6523&nbsp;&nbsp;&nbsp;&nbsp;帖子: 5869</div>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">新论坛成立！...</a>3小时前|admin</div>
	      </div>

      <div class="col-lg-3">
	      <div class="col-lg-3">
	      	<img src="__PUBLIC__/images/yx2.png" alt="placeholder+image" style="width:70px">
	      </div>
		      <div class="col-lg-9">
			      <span style=""><a href="#"><b style='font-size: 1.2em'>JAVA</b></a></span>&nbsp;&nbsp;
			      <span style='    background-color: #337ab7;color:#fff;border-radius:3px 3px 3px 3px;box-shadow:1px 1px 1px 1px'><b>今日: 200</b></span>
		      </div><br><br>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;主题: 6523&nbsp;&nbsp;&nbsp;&nbsp;帖子: 5869</div>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">新论坛成立！...</a>3小时前|admin</div>
	      </div>

      <div class="col-lg-3">
	      <div class="col-lg-3">
	      	<img src="__PUBLIC__/images/yx2.png" alt="placeholder+image" style="width:70px">
	      </div>
		      <div class="col-lg-9">
			      <span style=""><a href="#"><b style='font-size: 1.2em'>C/C++/C#</b></a></span>&nbsp;&nbsp;
			      <span style='    background-color: #337ab7;color:#fff;border-radius:3px 3px 3px 3px;box-shadow:1px 1px 1px 1px'><b>今日: 200</b></span>
		      </div><br><br>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;主题: 6523&nbsp;&nbsp;&nbsp;&nbsp;帖子: 5869</div>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">新论坛成立！...</a>3小时前|admin</div>
	      </div>
   </div>
</div>

<div class="panel panel-primary">
   <div class="panel-heading">
      <h3 class="panel-title">游戏专题</h3>
   </div>
   <div class="panel-body">

      <div class="col-lg-3">
	      <div class="col-lg-3">
	      	<img src="__PUBLIC__/images/yx.png" alt="placeholder+image" style="width:70px">
	      </div>
		      <div class="col-lg-9">
			      <span style=""><a href="#"><b style='font-size: 1.2em'>LOL英雄联盟</b></a></span>&nbsp;&nbsp;
			      <span style='    background-color: #337ab7;color:#fff;border-radius:3px 3px 3px 3px;box-shadow:1px 1px 1px 1px'><b>今日: 200</b></span>
		      </div><br><br>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;主题: 6523&nbsp;&nbsp;&nbsp;&nbsp;帖子: 5869</div>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">新论坛成立！...</a>3小时前|admin</div>
	      </div>


      <div class="col-lg-3">
	      <div class="col-lg-3">
	      	<img src="__PUBLIC__/images/yx.png" alt="placeholder+image" style="width:70px">
	      </div>
		      <div class="col-lg-9">
			      <span style=""><a href="#"><b style='font-size: 1.2em'>穿越火线</b></a></span>&nbsp;&nbsp;
			      <span style='    background-color: #337ab7;color:#fff;border-radius:3px 3px 3px 3px;box-shadow:1px 1px 1px 1px'><b>今日: 200</b></span>
		      </div><br><br>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;主题: 6523&nbsp;&nbsp;&nbsp;&nbsp;帖子: 5869</div>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">新论坛成立！...</a>3小时前|admin</div>
	      </div>

      <div class="col-lg-3">
	      <div class="col-lg-3">
	      	<img src="__PUBLIC__/images/yx.png" alt="placeholder+image" style="width:70px">
	      </div>
		      <div class="col-lg-9">
			      <span style=""><a href="#"><b style='font-size: 1.2em'>QQ飞车</b></a></span>&nbsp;&nbsp;
			      <span style='    background-color: #337ab7;color:#fff;border-radius:3px 3px 3px 3px;box-shadow:1px 1px 1px 1px'><b>今日: 200</b></span>
		      </div><br><br>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;主题: 6523&nbsp;&nbsp;&nbsp;&nbsp;帖子: 5869</div>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">新论坛成立！...</a>3小时前|admin</div>
	      </div>

      <div class="col-lg-3">
	      <div class="col-lg-3">
	      	<img src="__PUBLIC__/images/yx.png" alt="placeholder+image" style="width:70px">
	      </div>
		      <div class="col-lg-9">
			      <span style=""><a href="#"><b style='font-size: 1.2em'>腾讯专区</b></a></span>&nbsp;&nbsp;
			      <span style='    background-color: #337ab7;color:#fff;border-radius:3px 3px 3px 3px;box-shadow:1px 1px 1px 1px'><b>今日: 200</b></span>
		      </div><br><br>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;主题: 6523&nbsp;&nbsp;&nbsp;&nbsp;帖子: 5869</div>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">新论坛成立！...</a>3小时前|admin</div>
	      </div>
   </div>

<hr>

<div class="panel-body">

      <div class="col-lg-3">
	      <div class="col-lg-3">
	      	<img src="__PUBLIC__/images/yx.png" alt="placeholder+image" style="width:70px">
	      </div>
		      <div class="col-lg-9">
			      <span style=""><a href="#"><b style='font-size: 1.2em'>Data 2</b></a></span>&nbsp;&nbsp;
			      <span style='    background-color: #337ab7;color:#fff;border-radius:3px 3px 3px 3px;box-shadow:1px 1px 1px 1px'><b>今日: 200</b></span>
		      </div><br><br>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;主题: 6523&nbsp;&nbsp;&nbsp;&nbsp;帖子: 5869</div>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">新论坛成立！...</a>3小时前|admin</div>
	      </div>


      <div class="col-lg-3">
	      <div class="col-lg-3">
	      	<img src="__PUBLIC__/images/yx.png" alt="placeholder+image" style="width:70px">
	      </div>
		      <div class="col-lg-9">
			      <span style=""><a href="#"><b style='font-size: 1.2em'>守望先锋</b></a></span>&nbsp;&nbsp;
			      <span style='    background-color: #337ab7;color:#fff;border-radius:3px 3px 3px 3px;box-shadow:1px 1px 1px 1px'><b>今日: 200</b></span>
		      </div><br><br>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;主题: 6523&nbsp;&nbsp;&nbsp;&nbsp;帖子: 5869</div>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">新论坛成立！...</a>3小时前|admin</div>
	      </div>

      <div class="col-lg-3">
	      <div class="col-lg-3">
	      	<img src="__PUBLIC__/images/yx.png" alt="placeholder+image" style="width:70px">
	      </div>
		      <div class="col-lg-9">
			      <span style=""><a href="#"><b style='font-size: 1.2em'>地下城与勇士</b></a></span>&nbsp;&nbsp;
			      <span style='    background-color: #337ab7;color:#fff;border-radius:3px 3px 3px 3px;box-shadow:1px 1px 1px 1px'><b>今日: 200</b></span>
		      </div><br><br>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;主题: 6523&nbsp;&nbsp;&nbsp;&nbsp;帖子: 5869</div>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">新论坛成立！...</a>3小时前|admin</div>
	      </div>

      <div class="col-lg-3">
	      <div class="col-lg-3">
	      	<img src="__PUBLIC__/images/yx.png" alt="placeholder+image" style="width:70px">
	      </div>
		      <div class="col-lg-9">
			      <span style=""><a href="#"><b style='font-size: 1.2em'>剑灵</b></a></span>&nbsp;&nbsp;
			      <span style='    background-color: #337ab7;color:#fff;border-radius:3px 3px 3px 3px;box-shadow:1px 1px 1px 1px'><b>今日: 200</b></span>
		      </div><br><br>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;主题: 6523&nbsp;&nbsp;&nbsp;&nbsp;帖子: 5869</div>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">新论坛成立！...</a>3小时前|admin</div>
	      </div>
   </div>
</div>

<!-- 资源专区 -->
<div class="panel panel-primary">
   <div class="panel-heading">
      <h3 class="panel-title">资源软件专题</h3>
   </div>
   <div class="panel-body">

      <div class="col-lg-3">
	      <div class="col-lg-3">
	      	<img src="__PUBLIC__/images/zy.png" alt="placeholder+image" style="width:70px">
	      </div>
		      <div class="col-lg-9">
			      <span style=""><a href="#"><b style='font-size: 1.2em'>windows专区</b></a></span>&nbsp;&nbsp;
			      <span style='    background-color: #337ab7;color:#fff;border-radius:3px 3px 3px 3px;box-shadow:1px 1px 1px 1px'><b>今日: 200</b></span>
		      </div><br><br>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;主题: 6523&nbsp;&nbsp;&nbsp;&nbsp;帖子: 5869</div>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">新论坛成立！...</a>3小时前|admin</div>
	      </div>


      <div class="col-lg-3">
	      <div class="col-lg-3">
	      	<img src="__PUBLIC__/images/zy.png" alt="placeholder+image" style="width:70px">
	      </div>
		      <div class="col-lg-9">
			      <span style=""><a href="#"><b style='font-size: 1.2em'>MAC资源区</b></a></span>&nbsp;&nbsp;
			      <span style='    background-color: #337ab7;color:#fff;border-radius:3px 3px 3px 3px;box-shadow:1px 1px 1px 1px'><b>今日: 200</b></span>
		      </div><br><br>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;主题: 6523&nbsp;&nbsp;&nbsp;&nbsp;帖子: 5869</div>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">新论坛成立！...</a>3小时前|admin</div>
	      </div>

      <div class="col-lg-3">
	      <div class="col-lg-3">
	      	<img src="__PUBLIC__/images/zy.png" alt="placeholder+image" style="width:70px">
	      </div>
		      <div class="col-lg-9">
			      <span style=""><a href="#"><b style='font-size: 1.2em'>Linux专区</b></a></span>&nbsp;&nbsp;
			      <span style='    background-color: #337ab7;color:#fff;border-radius:3px 3px 3px 3px;box-shadow:1px 1px 1px 1px'><b>今日: 200</b></span>
		      </div><br><br>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;主题: 6523&nbsp;&nbsp;&nbsp;&nbsp;帖子: 5869</div>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">新论坛成立！...</a>3小时前|admin</div>
	      </div>

      <div class="col-lg-3">
	      <div class="col-lg-3">
	      	<img src="__PUBLIC__/images/zy.png" alt="placeholder+image" style="width:70px">
	      </div>
		      <div class="col-lg-9">
			      <span style=""><a href="#"><b style='font-size: 1.2em'>其他资源区</b></a></span>&nbsp;&nbsp;
			      <span style='    background-color: #337ab7;color:#fff;border-radius:3px 3px 3px 3px;box-shadow:1px 1px 1px 1px'><b>今日: 200</b></span>
		      </div><br><br>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;主题: 6523&nbsp;&nbsp;&nbsp;&nbsp;帖子: 5869</div>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">新论坛成立！...</a>3小时前|admin</div>
	      </div>
   </div>
</div>


<!-- 官方区 -->
<div class="panel panel-primary">
   <div class="panel-heading">
      <h3 class="panel-title">官方论坛</h3>
   </div>
   <div class="panel-body">

      <div class="col-lg-3">
	      <div class="col-lg-3">
	      	<img src="__PUBLIC__/images/hd.png" alt="placeholder+image" style="width:70px">
	      </div>
		      <div class="col-lg-9">
			      <span style=""><a href="#"><b style='font-size: 1.2em'>活动专区</b></a></span>&nbsp;&nbsp;
			      <span style='    background-color: #337ab7;color:#fff;border-radius:3px 3px 3px 3px;box-shadow:1px 1px 1px 1px'><b>今日: 200</b></span>
		      </div><br><br>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;主题: 6523&nbsp;&nbsp;&nbsp;&nbsp;帖子: 5869</div>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">新论坛成立！...</a>3小时前|admin</div>
	      </div>


      <div class="col-lg-3">
	      <div class="col-lg-3">
	      	<img src="__PUBLIC__/images/gs.png" alt="placeholder+image" style="width:70px">
	      </div>
		      <div class="col-lg-9">
			      <span style=""><a href="#"><b style='font-size: 1.2em'>灌水区</b></a></span>&nbsp;&nbsp;
			      <span style='    background-color: #337ab7;color:#fff;border-radius:3px 3px 3px 3px;box-shadow:1px 1px 1px 1px'><b>今日: 200</b></span>
		      </div><br><br>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;主题: 6523&nbsp;&nbsp;&nbsp;&nbsp;帖子: 5869</div>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">新论坛成立！...</a>3小时前|admin</div>
	      </div>

      <div class="col-lg-3">
	      <div class="col-lg-3">
	      	<img src="__PUBLIC__/images/ts.png" alt="placeholder+image" style="width:70px">
	      </div>
		      <div class="col-lg-9">
			      <span style=""><a href="#"><b style='font-size: 1.2em'>反馈/建议/投诉</b></a></span>&nbsp;&nbsp;
			      <span style='    background-color: #337ab7;color:#fff;border-radius:3px 3px 3px 3px;box-shadow:1px 1px 1px 1px'><b>今日: 200</b></span>
		      </div><br><br>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;主题: 6523&nbsp;&nbsp;&nbsp;&nbsp;帖子: 5869</div>
		  <div>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">新论坛成立！...</a>3小时前|admin</div>
	      </div>

   </div>
</div>
</main>

<footer>
<!-- 友情链接 -->
<div class="panel panel-info">
   <div class="panel-heading">
      <h3 class="panel-title">友情链接</h3>
   </div>
   <div class="panel-body">
      <a href="#">百度</a>
      <a href="#">百度</a>
      <a href="#">百度</a>
      <a href="#">百度</a>
      <a href="#">百度</a>
   </div>
   <hr>
   <div class="text-center">
   <div style='background-color: #337ab7;font-family: 微软雅黑;color:#fff;border-radius:5px 5px 5px 5px;box-shadow:1px 1px 1px 1px;width:50%'>在线用户&nbsp;&nbsp;
   <b>共65797人在线，6579位会员，59218位访客；最多512410人，发生2016-5-13</b></div></div>
</div>

<!-- 底部 -->
<hr>
		底部预留

</div>
</footer>

</body>
</html>